<!--中路保险-首页-->
<template>
	<div class="index">
		<div class="index-head">
			  <div class="index-head-con">
			  	  <img src="../../../static/img/qr.png" alt="" class="index-qr">
			  </div>
			  <div class="index-head-con" style="text-align: center;">
			  	 <p icon="back">欢迎登录</p>
			  </div>
		</div>
		<div class="index-body">
			<div class="one one-1" style="margin-right: 5%;margin-bottom: 5%;">
				<router-link to='./PolicyInfo'>  
				    <div class="index-body-img">
						<img       src="../../../static/img/bd3x.png" alt="">
					</div>
					<div class="index-body-p">
						<p icon="back">保单验真</p>
					</div>
				</router-link>
			</div>
			<div class="one one-2">
				<router-link to='./Update'> 
					<div class="index-body-img">
						<img src="../../../static/img/Icon.png" alt="">
					</div>
					<div class="index-body-p">
						 <p icon="back">在线出单</p>
					</div>
				</router-link>
			</div>
		</div>
		<div class="index-body">
			<div class="one one-3"  style="margin-right: 5%;margin-bottom: 5%;">
				<div class="index-body-img">
					<img src="../../../static/img/bd3x.png" alt="">
				</div>
				<div class="index-body-p">
					 <p icon="back">网点信息</p>
				</div>
			</div>
			
			<div class="one one-4">
				<router-link to='./Test'> 
					<div class="index-body-img">
						<img src="../../../static/img/bd3x.png" alt="">
					</div>
					<div class="index-body-p">
						 <p icon="back">特色服务</p>
					</div>
				</router-link>
			</div>
		</div>
		<div class="index-foot">
		   <div  class="index-body-foot">
		   	    <img src="../../../static/img/bd3x.png" alt="">
		   </div>
		</div>
	</div>
</template>


<script>
export default {
  name: 'Index',
  data () {
    return {
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>  
	 a {
	 	text-decoration: none;
	 	color: #fff;
	 	font-weight:700 ;
  }
  .router-link-active {
    text-decoration: none;
}
.index-head{
	  height: 240px;
		background-image: url(../../../static/img/indexhead.png);
		background-repeat: no-repeat;
		background-size: 100%;
    }
	.index-head-con{
	    position: relative;
	    top: 90px;
	    color: #fff;
    }
    .index-qr{
    	position: relative;
     	width: 20%;
    }
    .index-body{
    	display: inline-flex;
      position: relative;
    	width: 100%;
    }
    .one{
    	width: 50%;
    	height: 140px;
    	display: inline-block;
    }
    .index-body-img>img{
    	margin-top: 20px;
    }
    .index-body-p>p{
    	margin-top: 10px;
    	font-size: 20px;
    }
    .one-1,.one-2,.one-3,.one-4{
    	background-image:url(../../../static/img/bg.png)
    }
</style>
